@extends('admin.layout')
@section('content')
    <div class="layui-card">

        <div class="layui-card-body">
            <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
                <ul class="layui-tab-title">
                    <li class="layui-this">基本</li>
                    <li>SEO</li>
                    <li>扩展</li>
                </ul>
                <div class="layui-tab-content layui-form" >
                    <div class="layui-tab-item layui-show">
                        <div class="layui-form-item">
                            <label class="layui-form-label">* 标题</label>
                            <div class="layui-input-block">
                                <input type="text" name="title" value="接口技术的实现:规范用户类的成员与类型" autocomplete="off" placeholder="请输入文章标题" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">别名</label>
                            <div class="layui-input-block">
                                <input type="text" name="title" value="" autocomplete="off" placeholder="拼音或者英文单词 用‘-’连接 用于URL中" class="layui-input">
                                <div class="layui-form-mid layui-word-aux">拼音或者英文单词 用‘-’连接 用于URL中</div>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">文章封面</label>
                            <div class="layui-input-block">
                                <input type="text" name="image" value="" autocomplete="off" placeholder="请上传文章封面" class="layui-input">
                                <button type="button" class="layui-btn layui-btn-primary layui-btn-position ajax-images"><i class="fa fa-file-image-o"></i> 选择图片</button>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">* 所属分类</label>
                            <div class="layui-input-block">
                                <select name="cid">
                                    <option value="">请选择所属分类</option>
                                    <option value="1" selected="selected"> 前端开发</option>
                                    <option value="2" > 后端开发</option>
                                    <option value="3" > 移动互联</option>
                                    <option value="4" > 人工智能</option>
                                </select>
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <label class="layui-form-label">详情内容</label>
                            <div class="layui-input-block">
                                <textarea name="content" placeholder="请输入详情内容" id="content" style="width: 100%;height:400px;"></textarea>
                            </div>
                        </div>

                    </div>
                    <div class="layui-tab-item">
                        <div class="layui-form-item">
                            <label class="layui-form-label">SEO标题</label>
                            <div class="layui-input-block">
                                <input type="text" name="keywords" autocomplete="off" value="" placeholder="请输入SEO关键字" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">SEO关键字</label>
                            <div class="layui-input-block">
                                <input type="text" name="keywords" autocomplete="off" value="" placeholder="请输入SEO关键字" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">SEO描述</label>
                            <div class="layui-input-block">
                                <textarea name="summary" placeholder="请输入文章简介" class="layui-textarea"></textarea>
                            </div>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <div class="layui-input-block">
                            <button class="layui-btn" lay-filter="*" lay-submit="">保存</button>
                            <button class="layui-btn layui-btn-primary" type="reset">重置</button>
                        </div>
                    </div>
                </div>
            </div>


        </div>
    </div>

@endsection

@section('script')
    <script>

    </script>
@endsection